﻿<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link type="text/css" href="lib/jquery-ui-1.8.4.custom/css/smoothness/jquery-ui-1.8.4.custom.css" rel="stylesheet" />

		<script type="text/javascript" src="lib/raphael-min.js"></script>
		<script type="text/javascript" src="lib/jquery-ui-1.8.4.custom/js/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="lib/jquery-ui-1.8.4.custom/js/jquery-ui-1.8.4.custom.min.js"></script>
		<script type="text/javascript" src="myflow.js"></script>
		<script type="text/javascript" src="myflow.jpdl3.js"></script>
		<script type="text/javascript">
			$(function() {
				$('#myflow').myflow({
//						basePath: "",
						restore: eval("({states:{"+
							"rect1:{type:'task',text:{text:'1 发起人'}, attr:{ x:20, y:20}},"+
							"rect2:{type:'task',text:{text:'2 财务总监'}, attr:{ x:20, y:200}},"+
							"rect3:{type:'task',text:{text:'3 总经理'}, attr:{ x:200, y:20}},"+
							"rect4:{type:'task',text:{text:'4 出纳'}, attr:{ x:200, y:200}},"+
							"rect6:{type:'task',text:{text:'6 成本会计'}, attr:{ x:380, y:200}},"+
							"rect7:{type:'task',text:{text:'7 111'}, attr:{ x:560, y:20}},"+
							"rect8:{type:'task',text:{text:'8 测试节点'}, attr:{ x:560, y:200}}},"+
							"paths:{path10:{from:'rect1',to:'rect2', dots:[],text:{text:''},textPos:{x:37,y:-4}},"+
							"path11:{from:'rect2',to:'rect6', dots:[],text:{text:''},textPos:{x:56,y:-1}},"+
							"path12:{from:'rect6',to:'rect3', dots:[],text:{text:''},textPos:{x:24,y:-5}},"+
							"path13:{from:'rect6',to:'rect4', dots:[],text:{text:''},textPos:{x:41,y:8}},"+
							"path14:{from:'rect3',to:'rect4', dots:[],text:{text:''},textPos:{x:36,y:-5}},"+
							"path15:{from:'rect7',to:'rect6', dots:[],text:{text:''},textPos:{x:32,y:0}},"+
							"path16:{from:'rect8',to:'rect6', dots:[],text:{text:''},textPos:{x:0,y:-10}}}})")
				});				
				$('rect').eq(0).attr({id:"1",title:"下一步骤：2,",receiverName:"",receiverID:"",readOnly:"0",flowFlag:"0",passCount:"0",flowType:"sratr",table_id:"529"});
				$('rect').eq(1).attr({id:"2",title:"下一步骤：6,",receiverName:"",receiverID:"",readOnly:"0",flowFlag:"0",passCount:"0",flowType:"",table_id:"529"});
				$('rect').eq(2).attr({id:"3",title:"下一步骤：4,",receiverName:"",receiverID:"",readOnly:"0",flowFlag:"0",passCount:"0",flowType:"",table_id:"529"});
				$('rect').eq(3).attr({id:"4",title:"下一步骤：结束,",receiverName:"",receiverID:"",readOnly:"0",flowFlag:"0",passCount:"0",flowType:"",table_id:"529"});
				$('rect').eq(4).attr({id:"6",title:"下一步骤：3,4,",receiverName:"",receiverID:"",readOnly:"0",flowFlag:"0",passCount:"0",flowType:"end",table_id:"529"});
				$('rect').eq(5).attr({id:"7",title:"下一步骤：6,",receiverName:"",receiverID:"",readOnly:"0",flowFlag:"0",passCount:"0",flowType:"",table_id:"529"});
				$('rect').eq(6).attr({id:"8",title:"下一步骤：6,",receiverName:"",receiverID:"",readOnly:"0",flowFlag:"0",passCount:"0",flowType:"",table_id:"529"});
				
			});
		</script>
		
	</head>

	<body>		
		<div id="myflow"></div>
	</body>

</html>